<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">

</div>
</body>

<script src="lib/vue.js"></script>

<script type="text/javascript">

    const App = {
        data() {
            return {
                msg: 'hi vnode!',
            }
        },
        template: `
            <div>
                <h2>我是组件对象创建的虚拟dom节点转换而来</h2>
                <p>{{ msg }}</p>
            </div>
        `
    }

    new Vue({
        el: '#app',

        render: function (createElement) {
            return createElement(App);
        },

        data: {
            msg: '虚拟dom'
        }
    })


</script>

</html>
